﻿@{
    ViewBag.Title = "LogOn";
    Layout = "~/Views/Shared/_Admin_LogOn_Layout.cshtml";
}
@model CoffeeBar.Models.LogOnModel
           
<h2 style="width:500px; height:50px; margin: 0 auto;text-align:center;">WELCOME TO ADMIN SITE!</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")
<style>
    div#logon-admin
    {
        width:450px;
        height:300px;
        margin: 0 auto;
    }
</style>
@using (Html.BeginForm()) {
    <div id="logon-admin">
        <fieldset>
            <legend>Admin Log On!</legend>

            <div class="editor-label">
                @Html.LabelFor(m => m.UserName)
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(m => m.UserName)
                @Html.ValidationMessageFor(m => m.UserName)
            </div>

            <div class="editor-label">
                @Html.LabelFor(m => m.Password)
            </div>
            <div class="editor-field">
                @Html.PasswordFor(m => m.Password)
                @Html.ValidationMessageFor(m => m.Password)
            </div>

            <div class="editor-label">
                @Html.CheckBoxFor(m => m.RememberMe)
                @Html.LabelFor(m => m.RememberMe)
            </div>

            <p>
                <input type="submit" value="Log On" />
            </p>
        </fieldset>
    </div>
}
